@extends('public.main')
@section('title', '首页')

@section('css')
    @parent
@endsection

@section('content')
    <div class="col-md-12">
        <div class="col-md-8">
            <div class="col-md-12 content_left">
                @foreach( $articles as $article)
                    <div class="col-md-12 item_article">
                        <div class="col-md-12" style="margin:0;padding:0;margin-top:10px ">
                            <div class="avatar">
                                <img src="{{ asset('/static/img/32.png') }}"/>
                            </div>
                            <div class="user_name">
                                <a href="#" style="color:#9b8878;" id="username">大吴和毛毛</a>
                            </div>
                        </div>
                        <div class="col-md-12 item_content">
                            <a href="/articleDetail?articleId={{ $article->id  }}">{!! $article->description !!}</a>
                            {{--{!! $article->content !!}--}}
                        </div>
                        <div class="col-md-12 item_praise">
                            <div class="praise_first">
                                {{ $article->praise }} 好笑
                            </div>
                            <div class="praise_point">
                                ·
                            </div>
                            <div class="praise_second">
                                <a href="#" style="color:#999999" id="comment">107 评论</a>
                            </div>
                        </div>
                        <div class="col-md-12 item_img">
                            <div style="float:left;">
                                <a href="#"><img src="{{ asset('/static/img/good.png') }}" style="width:20px;height:20px;"/></a>
                                <a href="#"><img src="{{ asset('/static/img/bad.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                                <a href="#"><img src="{{ asset('/static/img/comments.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                            </div>
                            <div style="float:right;">
                                <a href="#"><img src="{{ asset('/static/img/qq-2.png') }}" style="width:20px;height:20px;"/></a>
                                <a href="#"><img src="{{ asset('/static/img/微信-2.png') }}" style="width:20px;height:20px;margin-left:20px;"/></a>
                            </div>
                        </div>
                    </div>
                @endforeach

            </div>

            <div class="col-md-12" style="text-align: center">
                <nav aria-label="Page navigation">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">上一页</span>
                            </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">下一页</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="col-md-4">
            <div class="col-md-12 content_right">
                <div class="col-md-12">
                    <h4>快来扫一扫微信二维码，更多精彩内容等你来发现。</h4>
                    <img src="http://7xj8tq.com1.z0.glb.clouddn.com/erweima1.jpg">
                </div>
                <div class="col-md-12">
                    <iframe width="100%" height="400" class="share_self" frameborder="0" scrolling="no"
                            src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=400&fansRow=1&ptype=1&speed=0&skin=9&isTitle=1&noborder=1&isWeibo=1&isFans=1&uid=5605043482&verifier=f260c920&dpc=1"></iframe>
                </div>
            </div>
        </div>
    </div>
@endsection
